
<template>
    <el-container>
        <el-aside style="border-right:1px solid #EFEFEF" width="300px">
            <DBTreeVue ref="dbTree" @on-click-node="clickDBTreeNode" />
        </el-aside>
        <el-main>

        </el-main>
    </el-container>
</template>

<script lang="ts" setup>
import { reactive, ref } from 'vue';
import DBTreeVue from '../components/DBTree.vue';
import type Node from 'element-plus/es/components/tree/src/model/node'
// interface Tree {
//     id: string
//     name: string
//     leaf?: boolean
// }
const dbTree: any = ref(null);

// const data = reactive({
//     id: null,
// });

const clickDBTreeNode = (nodeData: any) =>{
    if (!("c" in nodeData)) {
        return;
    }
    // if (node.data.c == "database") {
    //     //选择的是数据库，导出数据库结构功能
        
    // }
}


</script>